<template>
  <div>
    hello page1;
    <a href="page2.html">我要走向世界</a>
    <van-cell title="选择单个日期" :value="date" @click="show = true"/>
    <van-button @click="scannerQr" type="info">扫描二维码</van-button>
    <van-button @click="getRegion" type="primary">获取位置信息</van-button>
    <van-button @click="openMap" type="warning">打开地图</van-button>
    <van-calendar v-model="show" @confirm="onConfirm"/>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        date: '',
        show: false,
      };
    },
    methods: {
      formatDate(date) {
        return `${date.getMonth() + 1}/${date.getDate()}`;
      },
      onConfirm(date) {
        this.show = false;
        this.date = this.formatDate(date);
      },
      scannerQr() {
        this.$wechat.scanQRCode({
          needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
          scanType: ["qrCode", "barCode"], // 可以指定扫二维码还是一维码，默认二者都有
          success: function (res) {
            var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
            alert('扫码返回值：' + result)
          }
        });
      },
      getRegion() {
        this.$wechat.getLocation({
          type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
          success: function (res) {
            // var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
            // var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
            // var speed = res.speed; // 速度，以米/每秒计
            // var accuracy = res.accuracy; // 位置精度
            alert('地址位置信息->' + JSON.stringify(res));
          }
        });
      },
      openMap() {
        this.$wechat.openLocation({
          latitude: 0, // 纬度，浮点数，范围为90 ~ -90
          longitude: 0, // 经度，浮点数，范围为180 ~ -180。
          name: '', // 位置名
          address: '', // 地址详情说明
          scale: 1, // 地图缩放级别,整形值,范围从1~28。默认为最大
          infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
        });
      }
    },
  }
</script>
<style lang="css" scoped>

</style>